
:root {
  --sidebar-width: 220px;
}
html, body, #app {
  height: 100%;
  margin: 0;
}
.layout {
  display: grid;
  grid-template-columns: var(--sidebar-width) 1fr;
  grid-template-rows: 56px 1fr;
  grid-template-areas:
    "sidebar header"
    "sidebar content";
  height: 100%;
}
.layout--collapse {
  --sidebar-width: 64px;
}
.sidebar { grid-area: sidebar; border-right: 1px solid #ebeef5; }
.header { grid-area: header; border-bottom: 1px solid #ebeef5; }
.content { grid-area: content; padding: 12px; background: #f5f7fa; overflow: auto;}
.logo {
  height: 56px; display: flex; align-items: center; justify-content: center;
  font-weight: 700; letter-spacing: .5px;
}
.el-menu { border-right: none; }
.tags-view { background: #fff; padding: 6px 8px; margin-bottom: 8px; border-radius: 6px; }
